<!DOCTYPE html>        *{
margin: 0 auto;
padding: 0;
font-family: 'microsoft yahei';
}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>湖南涉外经济学院</title>
    <style>

a{
    text-decoration: none;
}
.top{
    min-width: 1200px;
    height: 143px;
    background-image: url("../img/banne_cn_01.png");
    min-width: 1200px;
}
.stb{
    width: 614px;
    height: 38px;
    background-color: white;
    float: right;
}
.ttb{
    width: 470px;
    height: 100px;
    float: left;
    margin: 20px 40px;
    position: relative;left: 30px;top: 25px;
}
.ytb{
    width: 480px;
    height: 25px;
    float: right;
    position: relative;top: 65px;left: -75px;
    color: white;
    font-size: 18px;
}
.ytbwz
{
    width: 94px;
    height: 21px;
    border-right: 1px solid white;
    float: left;
}
.dh{
    width: 1200px;
    height: 50px;
    background-color:rgb(11,104,194)
}
.dhb{
    min-width: 1200px;
    height: 50px;
    background-color:rgb(11,104,194)
}
.gg{
    min-width: 1200px;
    height: 596px;
    background-image:url("../img/dongyuan-1.jpg");
}
.foot{
    min-width: 1200px;
    height: 237px;
    background-color:#01458e


}
.footz{
    width: 70px;
    height: 70px;
    background-image: url('../img/ewm.png');
    float: left;
    line-height: 70px;
    position: relative;
    top: 40px;
    left: 100px;

}
.sjb{
    width: 42px;
    height: 19px;
    font-size: 14px;
    position: relative;
    top: 65px;
    color: white;
}
.yi{
    width: 1200px;
     margin: 0px auto;
     height: 250px ;

 }
.yz{
    width: 790px;
    height: 210px;
    margin: 40px 0;
    float: left;

}
.yyz{
    width: 360px;
    height: 210px;
    float: left;
}
.yyy{
    width: 430px;
    height: 210px;
    float: right;
}
div .yyy div{
    width: 415px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    float: right;
}
.yy{
    width: 380px;
    height: 210px;
    margin: 40px 0;
    float: right;

}
.er{
    width: 1200px;
    margin: 20px auto;
    height: 469px ;
}
.erz{
    width: 792px;
    height: 429px;
    float: left;
}
.erzs{
    width: 792px;
    height: 44px;
    border-bottom: 1px solid darkblue;
}
.erzz{
    width: 792px;
    height: 179px;
    border: 1px solid #252525;
    position: relative;  top: 70px;
}

.jckd{
    width: 80px;
    height: 42px;
    line-height: 42px;
    float:left;
    font-size: 20px;
    border-bottom: 3px solid darkblue;
}
.more{
    width: 61px;
    height: 42px;
    line-height: 42px;
    float: right;
    font-size: 14px;

}
.morep{
    width: 14px;
    height: 14px;
    float: right;
    position: relative;  top: 12px;right: 3px;
    background-image: url('../img/main_cn.png');
    background-position:-143px -6px;

}
.ery{
    width: 379px;
    height: 424px;
    float: right;
}
.erys{
    width: 379px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    border-bottom: 1px solid darkblue;
}
.esz{
    width: 110px;
    height: 40px;
    line-height: 42px;
    font-size: 20px;
    border-bottom:3px solid darkblue;
    float: left;
}
.eszj{
    width: 110px;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    float: left;

}
.more2
{
    width: 65px;
    height: 40px;
    float: right;
    font-size:14px;
    line-height: 40px;
}
.morept{
    width: 14px;
    height: 14px;
    float: right;
    position: relative;  top: 12px;right: 3px;
    background-image: url('../img/main_cn.png');
    background-position:-143px -6px;

}
.eywz{
    width: 379px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid gray;
    float: left;
    font-size: 13px;
}
.ztptp{
    width: 280px;
    height: 162px;
    float: left;
    position: relative;left:-70px;bottom: -8px;
    background-image: url('../img/hpsw.jpg');
}
.ywz{
    width: 465px;
    height: 162px;
    float: right;
    position:relative;bottom: 155px;right: 8px;
}
.btbt{
    width: 465px;
    height: 40px;
    border-bottom: 1px solid #555555;
    line-height: 40px;
    font-size: 18px;
}
.zwzw{
    font-size: 14px;
    position: relative;
    top: 10px;
}
.xqxq{
    width: 44px;
    height: 20px;
    background-image: url('../img/main_cn.png');
    background-position: -204px -5px;
    float: left;
    position: relative;bottom: -20px;

}
.xiaxia{
    width: 500px;
    height: 160px;
    float: left;
    position: relative;  top: -130px;
}
.xiaxia div{
    height: 30px;
    line-height: 30px;
}
.footy{
    width: 350px;
    height: 108px;
    background: lemonchiffon;
    position: relative;top: -50px;left: 380px;
}
.san{
    width: 1200px;
    height: 496px ;
    margin: 20px auto;

}
.si{
    width: 1200px;
    height: 322px ;
}
.siz{
    width: 386px;
    height: 258px ;
    margin: 44px auto;
    float: left;

}
.fwdt{
    width: 193px;
    height: 106px;
    float: left;
}
.siy{
    width: 785px;
    height: 288px ;
    margin: 44px auto;
    float:right;
}
.tm{
    position: relative;top: 470px;
    height: 70px;
    width: 1200px;
    background-color:rgb(11,104,194)
    
}
.wz{

    line-height: 70px;
    text-indent: 50px;
}
.dh{
    font-size: 20px;
}
.lis{

    overflow: hidden;
}
.lis li{
    float: left;
    list-style: none;
    font-size: 16px;
    line-height: 50px;
    color: white;
    position: relative;
    width: 148px;
    text-align: center;
}
.lis a{
    text-decoration: none;
    color: #ffffff;
}
.lis li:hover a{
    color: #000;
}
.lis li:hover{
    background: #ffffff;

}
.footzj{
    width: 602px;
    height: 116px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    color: floralwhite;
    font-size: 14px;
    position:relative;left:-120px;
}
.lbt{
    width: 1200px;
    height: 330px;
}
    </style>
</head>
<body>
    <div>
        <div class="top">
            <div class="stb">
                <div style="font-size: 16px;color: darkblue;margin-left: 30px;margin-top: 8px;">欢迎访问湖南涉外经济学院</div>
                <div style="font-size: 10px;color: #555;float: right;margin-right: 40px;margin-top: -16px;">2017年1月5日&nbsp;&nbsp;&nbsp;&nbsp;星期四&nbsp;&nbsp;&nbsp;&nbsp;丙申年腊月初八</div>
                <div style="width: 200px;height: 20px;border-bottom: 1px solid white;margin-top: 20px;margin-left:295px;"></div>
            </div>

            <div>
            <div class="ttb">
                <img style="width: 89px;height: 100px;" src="../img/logo.png"/>
                <img style="width: 368px;height: 62px;position: relative;top: -20px;right: -10px" src="../img/whitetext.png"/>

            </div>
            <div class="ytb">

                <div >
                    <div class="ytbwz">&nbsp;&nbsp;加入收藏</div>
                    <div class="ytbwz">&nbsp;&nbsp;信息系统</div>
                    <div class="ytbwz">&nbsp;&nbsp;邮件系统</div>
                    <div class="ytbwz">&nbsp;&nbsp;教务网站</div>
                    <div >&nbsp;&nbsp;English</div>
                </div>
            </div>
            </div>
        </div>
        <div class="dhb">
            <div class="dh">
                <ul class="lis">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">涉外要闻</a></li>
                    <li><a href="#">新闻网</a></li>
                    <li><a href="#">招生网</a></li>
                    <li><a href="#">就业网</a></li>
                    <li><a href="#">教学科研</a></li>
                    <li><a href="#">国际交流</a></li>
                    <li> <a href="#">校友网</a></li>
                </ul>
            </div>
        </div>
        <div class="gg">
            <div class="tm" style="background: rgba(11,104,194,0.5)">
                <div class="wz" style="font-size: 30px;color: white">湖南涉外经济学院</div>
            </div>
        </div>
        <div>
            <div class="yi">
                <div class="yz">
                    <div class="yyz"><img src="../img/xydt.png" /></div>
                    <div class="yyy" style="float: right ;">
                        <div><a href="#"><span style="float: left">我校“马桑树的孩子”荣获湖南省........</span> <span style="float: right">2017年1月4日</span></a></div>
                        <div><a href="#"><span style="float: left">我校“马桑树的孩子”荣获湖南省........</span> <span style="float: right">2017年1月4日</span></a></div>
                        <div><a href="#"><span style="float: left">我校“马桑树的孩子”荣获湖南省........</span> <span style="float: right">2017年1月4日</span></a></div>
                        <div><a href="#"><span style="float: left">我校“马桑树的孩子”荣获湖南省........</span> <span style="float: right">2017年1月4日</span></a></div>
                        <div><a href="#"><span style="float: left">我校“马桑树的孩子”荣获湖南省........</span> <span style="float: right">2017年1月4日</span></a></div>
                        <div><a href="#"><span style="float: left">我校“马桑树的孩子”荣获湖南省........</span> <span style="float: right">2017年1月4日</span></a></div>
                        <div><a href="#"><span style="float: left">我校“马桑树的孩子”荣获湖南省........</span> <span style="float: right">2017年1月4日</span></a></div>

                    </div>
                </div>
                <div class="yy"><img src="../img/seywy.png" /></div>
            </div>
            <div class="er">
                <div class="erz">
                    <div class="erzs">
                        <div class="jckd"><span>精彩看点</span></div>
                        <div class="more"><a href="#">MORE<div class="morep"></div></a>
                    </div>
                        <div class="erzz">
                            <div class="ztptp"></div>
                            <div class="ywz">
                                <div class="btbt">【新湖南】航拍——我想和你一起在最高处看涉外</div>
                                <div class="zwzw">​如果可以我想和你一起在最高处看涉外想和你一起感受它不同角度的美晨曦里的涉外，似乎还没睡醒，道一声：早安涉外北门——...</div>
                                <div class="xqxq"><a href="#" >详情</a></div>
                            </div>
                            <div class="xiaxia">
                                <div><a href="#"><div style="float: left">2016年12月25日</div><div style="float: right;font-size: 14px;font-weight: bold">【新湖南】航拍——我想和你一起在最高处看涉外</div></a></div>
                                <div><a href="#"><div style="float: left">2016年12月25日</div><div style="float: right;font-size: 14px;font-weight: bold">【新湖南】航拍——我想和你一起在最高处看涉外</div></a></div>
                                <div><a href="#"><div style="float: left">2016年12月25日</div><div style="float: right;font-size: 14px;font-weight: bold">【新湖南】航拍——我想和你一起在最高处看涉外</div></a></div>
                                <div><a href="#"><div style="float: left">2016年12月25日</div><div style="float: right;font-size: 14px;font-weight: bold">【新湖南】航拍——我想和你一起在最高处看涉外</div></a></div>
                                <div><a href="#"><div style="float: left">2016年12月25日</div><div style="float: right;font-size: 14px;font-weight: bold">【新湖南】航拍——我想和你一起在最高处看涉外</div></a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ery">
                    <div class="erys">
                        <div class="esz">通知公告</div>
                        <div class="eszj">招标公告</div>
                        <div class="more2"><a href="#">MORE<div class="morept"></div></a></div>
                    </div>
                    <div style="margin: 5px auto">

                        <div class="eywz"><a href="#"> 湖南涉外经济学院2016荣获...<div style="float: right">2016年12月25日</div></a></div>
                        <div class="eywz"><a href="#"> 湖南涉外经济学院2016荣获...<div style="float: right">2016年12月25日</div></a></div>
                        <div class="eywz"><a href="#"> 湖南涉外经济学院2016荣获...<div style="float: right">2016年12月25日</div></a></div>
                        <div class="eywz"><a href="#"> 湖南涉外经济学院2016荣获...<div style="float: right">2016年12月25日</div></a></div>
                        <div class="eywz"><a href="#"> 湖南涉外经济学院2016荣获...<div style="float: right">2016年12月25日</div></a></div>
                        <div class="eywz"><a href="#"> 湖南涉外经济学院2016荣获...<div style="float: right">2016年12月25日</div></a></div>
                        <div class="eywz"><a href="#"> 湖南涉外经济学院2016荣获...<div style="float: right">2016年12月25日</div></a></div>
                        <div class="eywz"><a href="#"> 湖南涉外经济学院2016荣获...<div style="float: right">2016年12月25日</div></a></div>
                    </div>
                </div>
            </div>
            <div class="san">
                <div style="height:36px;border-bottom:1px solid #555 ;text-align: center"><span style="width: 80px;height: 38px ;font-size: 22px ;line-height: 38px ; border-bottom: 3px solid darkblue;">涉外图志 </span></div>
                <div style="height: 21px;line-height: 21px;text-align: center;position: relative;bottom: -25px;"><a href="#"><p>MORE</p></a></div>
                <div style="width: 15px;height: 15px;background-color: cornflowerblue;position: relative;top: 30px;"><img width="15px;"height="15px;" src="../img/11_03_bottom.jpg" /></div>
                <marquee class="lbt" behavior="scroll" direction="left" style="margin-top: 100px;" onMouseOut='this.start()'; onMouseOver='this.stop()'>
                    <div style="width: 264px;height: 330px;display: inline-block;background-color:cornflowerblue ;">
                        <div style="width: 264px;height: 180px ;float: left;"><img width="100%" height="100%" src="../img/jxl.jpg"/></div>
                            <div style="float: left;position: relative;top: 40px;left: 90px;color: white"><p>第一教学楼</p></div>
                            <div style="width: 40px;height:25px;border: 1px solid white;float: left;position: relative;top: 80px;left: 35px"><a href="#">more</a></div>
                    </div>
                    <div style="width: 264px;height: 330px;display: inline-block;background-color:cornflowerblue">
                        <div style="width: 264px;height: 180px ;float: left"><img width="100%" height="100%" src="../img/jxl.jpg"/></div>
                        <div style="float: left;position: relative;top: 40px;left: 90px;color: white"><p>第一教学楼</p></div>
                        <div style="width: 40px;height:25px;border: 1px solid white;float: left;position: relative;top: 80px;left: 35px"><a href="#">more</a></div>
                    </div>
                    <div style="width: 264px;height: 330px;display: inline-block;background-color:cornflowerblue">
                        <div style="width: 264px;height: 180px ;float: left"><img width="100%" height="100%" src="../img/jxl.jpg"/></div>
                        <div style="float: left;position: relative;top: 40px;left: 90px;color: white"><p>第一教学楼</p></div>
                        <div style="width: 40px;height:25px;border: 1px solid white;float: left;position: relative;top: 80px;left: 35px"><a href="#">more</a></div>
                    </div>
                    <div style="width: 264px;height: 330px;display: inline-block;background-color:cornflowerblue">
                        <div style="width: 264px;height: 180px ;float: left"><img width="100%" height="100%" src="../img/jxl.jpg"/></div>
                        <div style="float: left;position: relative;top: 40px;left: 90px;color: white"><p>第一教学楼</p></div>
                        <div style="width: 40px;height:25px;border: 1px solid white;float: left;position: relative;top: 80px;left: 35px"><a href="#">more</a></div>
                    </div>
                    <div style="width: 264px;height: 330px;display: inline-block;background-color:cornflowerblue">
                        <div style="width: 264px;height: 180px ;float: left"><img width="100%" height="100%" src="../img/jxl.jpg"/></div>
                        <div style="float: left;position: relative;top: 40px;left: 90px;color: white"><p>第一教学楼</p></div>
                        <div style="width: 60px;height:35px;border: 1px solid white;float: left;position: relative;top: 80px;left: 35px"><a href="#">more</a></div>
                    </div>
                </marquee>
            </div>

            <div class="si">
                <div class="siz">
                    <div style="width: 386px;height: 46px;border-bottom:1px solid #555"><span style="width: 113px;height: 44px ;font-size: 22px ;line-height: 46px ; border-bottom: 2px solid #555;float: left;">阳光服务</span></div>
                    <div style = 'width:386px;height:212px'>
                        <div class="fwdt">
                            <a href="#" style="width: 147px;height: 21px">
                                <div style="margin-left:0;width:64px;height: 65px;background-image:url('../img/main_cn.png') ;background-position: -223px bottom;position:relative;top:30px;"></div>
                                <p style="width: 72px;height: 24px;position: relative;left: 30px;bottom: 15px;font-size: 18px">服务大厅</p>
                            </a>
                        </div>
                        <div class="fwdt">
                            <a href="#" style="width: 147px;height: 21px">
                            <div style="margin-left:0;width:64px;height: 65px;background-image:url('../img/main_cn.png') ;background-position: -159px bottom;position:relative;top:30px;"></div>
                                <p style="width: 72px;height: 24px;position: relative;left: 30px;bottom: 15px;font-size: 18px">信息公开</p>
                            </a>
                        </div>
                        <div class="fwdt">
                            <a href="#" style="width: 147px;height: 21px">
                                <div style="margin-left:0;width:64px;height: 65px;background-image:url('../img/main_cn.png') ;background-position: -287px bottom;position:relative;top:30px;"></div>
                                <p style="width: 72px;height: 24px;position: relative;left: 30px;bottom: 15px;font-size: 18px">资料下载</p>
                            </a>
                        </div>
                        <div class="fwdt">
                            <a href="#" style="width: 147px;height: 21px">
                            <div style="margin-left:0;width:65px;height: 65px;background-image:url('../img/contract_us.png');position:relative;top:30px;"></div>
                                <p style="width: 72px;height: 24px;position: relative;left: 30px;bottom: 15px;font-size: 18px">办公电话</p>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="siy">
                    <div style="width: 785px;height: 46px;border-bottom:1px solid #555"><span style="width: 113px;height: 44px ;font-size: 22px ;line-height: 46px ; border-bottom: 2px solid #555;float: left;">网站导航</span></div>
                    <div style="width: 785px;height: 180px;border:1px solid gray;position: relative;top:30px">
                        <div style="width: 112px;height: 180px;background-image:url('../img/main_cn.png') ;background-position: -252px 0 ;float:left"></div>
                        <div style="width: 656px;height:144px;position:relative;left:18px;top:8px;float: left;font-size: 14px;">
                            <a href="#"><div style="width: 163px;height: 36px;float: left">学校办公室</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">组织人事处</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">教务处</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">科研处</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">学生工作处（团委）</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">财务处</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">招生就业办公室</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">信息技术处</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">保卫处</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">党委组织部</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">纪检监察室</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">工会</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">校友总会</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">图书馆</div></a>
                            <a href="#"><div style="width: 163px;height: 36px;float: left">教学督导室</div></a>
                        </div>
                    </div>
            </div>
            </div>
        </div>
        <div class="foot">
            <div class="footz">
                <div class="sjb">手机版</div>
            </div>
            <div class="footzj" style="position: relative;top:60px;">
                <div style="float: left;position: relative;left: 50px;bottom: 50px;">邮编：410205&nbsp;招生咨询电话：0731-88100988</div>
                <br/>
                <div style="float: left;position: relative;left: -250px;top: -20px;">学校地址：湖南省长沙市岳麓区枫林三路822号</div>
                <div style="float: left;position: relative;left: 50px;top: -10px;">湘教QS3-200504-000022 湘ICP备14005754号-1</div>
                <div style="float: left;position: relative;left: 25px;">(版权所有 湖南涉外经济学院 www.hieu.edu.cn 安全联盟360网站安全检测平台)</div>
            </div>
            <div class="footy"><img src="../img/wy.png" /></div>
        </div>
    </div>
</body>
</html>